<template>
  <div>
    <keep-alive>
      <!-- 路由占位符
    1、在src/views/Main文件夹下创建两个路由组件（首页 Home.vue  我的 User.vue）
    2、在main组件下的路由规则下，通过children属性来声明两个子路由规则
    {path:'/user',component:}
    {path:'',component:首页} path为空字符串的路由规则叫做默认子路由
    3、把TabBar组建中的首页和我的改造为路由链接
     -->
      <router-view></router-view>
    </keep-alive>

    <!-- TabBar
    开启路由功能
    1、外层容器加route属性
    2、要跳转到哪就加to='/名字'
     -->
    <van-tabbar route>
      <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
      <van-tabbar-item icon="user-o" to="/user">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'Main'
}
</script>

<style lang="less" scoped>
</style>
